// import Fzprops from './01fzProps/index'
// import Zsprops from './02zsProps/index'
// import Context from './03context/index'
import Button from './04lifeCycle/index'
function App() {
  let a = true

  return (
    <div>
      {/* <p>下面是父子组件互相传值和props传值示例</p>
      <Fzprops></Fzprops> */}
      {/* <p>下面是祖孙组件props传值示例</p>
      <Zsprops></Zsprops> */}
      {/* <p>下面是同意组件树的context传值示例</p>
      <Context></Context> */}
      <p>下面是生命周期的组件示例</p>
    {a?<Button></Button>:'hello'}
    </div>
  );
}

export default App;
